﻿@if (Request.IsAuthenticated) {
    <!--
    <text>
        Hello, @Html.ActionLink(User.Identity.Name, "Manage", "Account", routeValues: null, htmlAttributes: new { @class = "username", title = "Manage" })!
        @using (Html.BeginForm("LogOff", "Account", FormMethod.Post, new { id = "logoutForm" })) {
            @Html.AntiForgeryToken()
            <a href="javascript:document.getElementById('logoutForm').submit()">Log off</a>
        }
    </text>
    -->
    <li class="hidden-xs">
        <a href="index.html" class="modal-link">
            <i class="fa fa-bell"></i>
            <span class="badge">7</span>
        </a>
    </li>
    <li class="hidden-xs">
        <a class="ajax-link" href="ajax/calendar.html">
            <i class="fa fa-calendar"></i>
            <span class="badge">7</span>
        </a>
    </li>
    <li class="hidden-xs">
        <a href="ajax/page_messages.html" class="ajax-link">
            <i class="fa fa-envelope"></i>
            <span class="badge">7</span>
        </a>
    </li>
    <li class="dropdown">
        <a href="#" class="dropdown-toggle account" data-toggle="dropdown">
            <div class="avatar">
                <img src="Content/themes/devoops/img/avatar.jpg" class="img-rounded" alt="avatar" />
            </div>
            <i class="fa fa-angle-down pull-right"></i>
            <div class="user-mini pull-right">
                <span class="welcome">Welcome,</span>
                <span>Jane Devoops</span>
            </div>
        </a>
        <ul class="dropdown-menu">
            <li>
                <a href="#">
                    <i class="fa fa-user"></i>
                    <span>Profile</span>
                </a>
            </li>
            <li>
                <a href="ajax/page_messages.html" class="ajax-link">
                    <i class="fa fa-envelope"></i>
                    <span>Messages</span>
                </a>
            </li>
            <li>
                <a href="ajax/gallery_simple.html" class="ajax-link">
                    <i class="fa fa-picture-o"></i>
                    <span>Albums</span>
                </a>
            </li>
            <li>
                <a href="ajax/calendar.html" class="ajax-link">
                    <i class="fa fa-tasks"></i>
                    <span>Tasks</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="fa fa-cog"></i>
                    <span>Settings</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="fa fa-power-off"></i>
                    <span>Logout</span>
                </a>
            </li>
        </ul>
    </li>
} else {
    <!--
    <ul>
        <li>@Html.ActionLink("Register", "Register", "Account", routeValues: null, htmlAttributes: new { id = "registerLink" })</li>
        <li>@Html.ActionLink("Log in", "Login", "Account", routeValues: null, htmlAttributes: new { id = "loginLink" })</li>
    </ul>
    -->
    <style>
        a#registerLink, a#loginLink {
            color:aliceblue;
        }
        a:hover#registerLink, a:hover#loginLink, a:focus#registerLink, a:focus#loginLink {
            color:antiquewhite;
        }
    </style>
    <li class="hidden-xs">
        <a href="@Url.Action("Register", "Account")" class="modal-link" id="registerLink">
            <i class="fa fa-pencil"></i>
            <span>Đăng ký</span>
        </a>
    </li>
    <li class="hidden-xs">
        <a href="@Url.Action("Login", "Account")" class="modal-link" id="loginLink">
            <i class="fa fa-user"></i>
            <span>Đăng nhập</span>
        </a>
    </li>
}
